<template>
  <div id="app" class="scroll">
    <router-view />
    <OperateButton />
  </div>
</template>
<script>
//import { mapGetters, mapActions } from 'vuex'
export default {
  components: {
    OperateButton: () => import("./pages/Login/OperateButton.vue"),
  },
  created() {
    let classList = ['.zcsj_content', '.map_bigBox', '.bigBox', '.TzxxBigBox', '.project_big_box']
    // setTimeout(() => {
    //   this.noPullDown(".zcsj_content");
    // }, 100);
  },
  methods: {
    noPullDown: function(selector) {
      //禁止页面拖动
      document.querySelector("body").addEventListener(
        "touchmove",
        function(e) {
          console.log("禁止下拉出现网页来源信息".e,selector);
          if (!selector) {
            e.preventDefault();
          } else {
            // 如果需要部分区域可以滑动，则需传入需要滑动地方的类名
            if (!document.querySelector(selector).contains(e.target)) {
              e.preventDefault();
            }
          }
        },
        { passive: false }
      );
    },
  },
};
</script>

<style lang="scss">
#app {
  height: 100%;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  font-size: 16px;
}
.scroll {
  position: absolute;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
</style>

<style lang="less">
@import "~vux/src/styles/1px.less";
</style>
